<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8"/>
    <title>TF管理系统</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"/>
    <meta name="author" content="lock"/>
    <link rel="shortcut icon" th:href="@{/TFSystem/img/favicon.ico}" type="image/png"/>
    <link th:href="@{/TFSystem/css/style.css}" rel="stylesheet"/>
    <link th:href="@{/TFSystem/css/style-responsive.css}" rel="stylesheet"/>
    <link th:href="@{/TFSystem/css/table-responsive.css}" rel="stylesheet"/>
</head>
<body class="sticky-header">
<section>
    <div class="left-side sticky-left-side" style="overflow: hidden; color:#333021" tabindex="5000">

        <div class="logo">
            <a href="#">
                <img th:src="@{/TFSystem/img/logo.png}" />
            </a>
        </div>
        <div class="logo-icon text-center">
            <a href="#">
                <img th:src="@{/TFSystem/img/logo_icon.png}" style="width: 40px;" />
            </a>
        </div>
        <div class="left-side-inner">
           <div class="visible-xs hidden-sm hidden-md hidden-lg">
                <div class="media logged-user">
                    <img alt="libai" th:src="@{/TFSystem/img/96d7546cbe9cbe9e36ce11ffd9afcc95-cropper.jpg}" class="media-object"/>
                    <div class="media-body">
                        <h4>

                        </h4>
                        <span>TF管理系统</span>
                    </div>
                </div>
                <h5 class="left-nav-title">控制台</h5>
                <ul class="nav nav-pills nav-stacked custom-nav">
                    <li>
                        <a href="">
                            <i class="fa fa-user"></i>
                            <span>个人设置</span>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <i class="fa fa-sign-out"></i>
                            <span>退出</span></a>
                    </li>
                </ul>
            </div>

            <ul class="nav nav-pills nav-stacked custom-nav js-left-nav">
                <li class="">
                    <a href="/manager_index">
                        <i class="fa fa-home"></i>
                        <span>个人中心</span>
                    </a>
                </li>
                <li>
                    <a href="/user_manager?page=1">
                        <i class="fa fa-tasks"></i>
                        <span>用户管理</span>
                    </a>
                </li>
                <li class="">
                    <a href="/trainer_manager?page=1">
                        <i class="fa fa-book"></i>
                        <span>教练管理</span>
                    </a>
                </li>

                <li>
                    <a href="/course_manager?page=1">
                        <i class="fa fa-suitcase"></i>
                        <span>课程管理</span>
                    </a>
                </li>
                <li>
                    <a href="/event_manager?page=1">
                        <i class="fa fa-tasks"></i>
                        <span>运动管理</span>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <div class="main-content">
        <div class="header-section">
            <a class="toggle-btn">
                <i class="fa fa-bars"></i>
            </a>
            <div class="menu-right">
                <ul class="notification-menu">

                    <li>
                        <a href="javascript:;" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                            <img th:src="@{/TFSystem/img/96d7546cbe9cbe9e36ce11ffd9afcc95-cropper.jpg}" alt="libai"/>
                            <span th:text="${session.currentuser.getUsername()}"></span>
                            <span class="caret"></span>
                        </a>
                        <ul class="dropdown-menu dropdown-menu-usermenu pull-right">
                            <li>
                                <a href="user_index.html">
                                    <i class="fa fa-user"></i>
                                    个人主页
                                </a>
                            </li>
                            <li>
                                <a href="user_form.html">
                                    <i class="fa fa-cog"></i>
                                    基本资料
                                </a>
                            </li>
                            <li>
                                <a href="/user/logout">
                                    <i class="fa fa-sign-out"></i>
                                    退出
                                </a>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div> 
        <div class="wrapper pre-scrollable">
            <div class="row">
                <div class="col-md-4  ">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="panel">
                                <div class="panel-body">
                                    <div class="profile-pic text-center">
                                        <img alt="李白" th:src="@{/TFSystem/img/96d7546cbe9cbe9e36ce11ffd9afcc95-cropper.jpg}"/>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="panel">
                                <div class="panel-body">
                                    <ul class="p-info" th:object="${session.currentuser}">
                                        <li>
                                            <div class="title">姓名</div>
                                            <div class="desk" th:text="*{getRealname()}"></div>
                                        </li>

                                        <li>
                                            <div class="title">电话</div>
                                            <div class="desk" th:text="*{getPhone()}"></div>
                                        </li>
                                        <li>
                                            <div class="title">员工号</div>
                                            <div class="desk" th:text="*{getNum()}"></div>
                                        </li>

                                    </ul>
                                </div>
                            </div>
                        </div>


                    </div>
                <!--</div>-->
                <!--<div class="col-md-8">-->
                    <!--<div class="row">-->
                        <!--<div class="col-md-12">-->
                            <!--<div class="panel">-->
                                <!--<div class="panel-body">-->
                                    <!--<div class="profile-desk">-->
                                        <!--<h1>课程<a class="pull-right" style="font-size: 16px;" href="project.html">更多</a></h1>-->
                                        <!--<table class="table table-bordered table-striped table-condensed cf">-->
                                            <!--<thead class="cf">-->
                                            <!--<tr>-->
                                                <!--<th>课程名称</th>-->
                                                <!--<th>结束日期</th>-->
                                                <!--<th class="numeric">教练</th>-->
                                            <!--</tr>-->
                                            <!--</thead>-->
                                            <!--<tbody>-->
                                            <!--<tr>-->
                                                <!--<td>-->
                                                    <!--<a href="project_detail.html">测试项目</a>-->
                                                <!--</td>-->
                                                <!--<td>2017-06-28</td>-->
                                                <!--<td><a href="user_index.html">李白</a></td>-->
                                            <!--</tr>-->
                                            <!--<tr>-->
                                                <!--<td>-->
                                                    <!--<a href="project_detail.html">我是新项目</a>-->
                                                <!--</td>-->
                                                <!--<td>2017-07-08</td>-->
                                                <!--<td><a href=""></a></td>-->
                                            <!--</tr>-->
                                            <!--<tr>-->
                                                <!--<td>-->
                                                    <!--<a href="project_detail.html">撒大声地</a>-->
                                                <!--</td>-->
                                                <!--<td>2017-07-01</td>-->
                                                <!--<td><a href="user_index.html"></a></td>-->
                                            <!--</tr>-->
                                            <!--<tr>-->
                                                <!--<td>-->
                                                    <!--<a href="project_detail.html">测试</a>-->
                                                <!--</td>-->
                                                <!--<td>2017-08-02</td>-->
                                                <!--<td><a href=""></a></td>-->
                                            <!--</tr>-->
                                            <!--<tr>-->
                                                <!--<td><a href="project_detail.html">nnn</a></td>-->
                                                <!--<td>2017-07-05</td>-->
                                                <!--<td><a href=""></a></td>-->
                                            <!--</tr>-->
                                            <!--<tr>-->
                                                <!--<td><a href="project_detail.html">DS</a></td>-->
                                                <!--<td>2017-07-06</td>-->
                                                <!--<td><a href=""></a></td>-->
                                            <!--</tr>-->

                                            <!--<tr>-->
                                                <!--<td><a href="project_detail.html">123</a></td>-->
                                                <!--<td>2017-07-06</td>-->
                                                <!--<td><a href=""></a></td>-->
                                            <!--</tr>-->
                                            <!--</tbody>-->

                                        <!--</table>-->
                                    <!--</div>-->
                                <!--</div>-->
                            <!--</div>-->
                        <!--</div>-->
                    <!--</div>-->
                    <!--<div class="row">
                        <div class="col-md-12">
                            <div class="panel">
                                <div class="panel-body">
                                    <div class="profile-desk">
                                        <h1>任务<a class="pull-right" style="font-size: 16px;" href="task.html">更多</a></h1>
                                        <table class="table table-bordered table-striped table-condensed cf">
                                            <thead class="cf">
                                            <tr>
                                                <th>运动名称</th>
                                                <th>结束日期</th>
                                                <th class="numeric">教练</th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            <tr>
                                                <td><a href="project_task_detail.html">UI - 用户登录</a></td>
                                                <td></td>
                                                <td>5</td>
                                            </tr>
                                            <tr>
                                                <td><a href="project_task_detail.html">UI - 用户注册222222</a></td>
                                                <td></td>
                                                <td>3</td>
                                            </tr>
                                            <tr>
                                                <td><a href="project_task_detail.html">UI - 用户忘记密码</a></td>
                                                <td></td>
                                                <td>3</td>
                                            </tr>
                                            <tr>
                                                <td><a href="project_task_detail.html">任务1</a></td>
                                                <td>2017-06-28</td>
                                                <td>0</td>
                                            </tr>
                                            <tr>
                                                <td><a href="project_task_detail.html">32432423423423423</a></td>
                                                <td>2017-06-30</td>
                                                <td>0</td>
                                            </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>-->
                </div>
            </div>
        </div>
       
       
    </div>
</section>

<div id="ascrail2000" class="nicescroll-rails" style="width: 6px; z-index: 1000; background: rgb(66, 79, 99) none repeat scroll 0% 0%; cursor: default; position: fixed; top: 0px; height: 100%; right: 0px; opacity: 0;">
    <div style="position: relative; top: 0px; float: right; width: 6px; height: 188px; background-color: rgb(101, 206, 167); border: 0px none; background-clip: padding-box; border-radius: 0px;"></div>
</div>
<div id="ascrail2000-hr" class="nicescroll-rails" style="height: 6px; z-index: 1000; background: rgb(66, 79, 99) none repeat scroll 0% 0%; position: fixed; left: 0px; width: 100%; bottom: 0px; cursor: default; display: none; opacity: 0;">
    <div style="position: relative; top: 0px; height: 6px; width: 1366px; background-color: rgb(101, 206, 167); border: 0px none; background-clip: padding-box; border-radius: 0px;"></div>
</div>
<div id="ascrail2001" class="nicescroll-rails" style="width: 3px; z-index: 100; background: rgb(66, 79, 99) none repeat scroll 0% 0%; cursor: default; position: fixed; top: 0px; left: 137px; height: 636px; display: none; opacity: 0;">
    <div style="position: relative; top: 0px; float: right; width: 3px; height: 0px; background-color: rgb(101, 206, 167); border: 0px none; background-clip: padding-box; border-radius: 0px;"></div>
</div>
<div id="ascrail2001-hr" class="nicescroll-rails" style="height: 3px; z-index: 100; background: rgb(66, 79, 99) none repeat scroll 0% 0%; top: 633px; left: 0px; position: fixed; cursor: default; display: none; opacity: 0;">
    <div style="position: relative; top: 0px; height: 3px; width: 0px; background-color: rgb(101, 206, 167); border: 0px none; background-clip: padding-box; border-radius: 0px; left: 0px;"></div>
</div>




<script th:src="@{/TFSystem/js/moment-2.2.1.js}"></script>
<script th:src="@{/TFSystem/js/underscore-min.js}"></script>

<script th:src="@{/TFSystem/js/jquery-ui-1.10.3.min.js}"></script>
<script th:src="@{/TFSystem/js/datepicker-zh-CN.js}"></script>
<script th:src="@{/TFSystem/js/jquery.validate.js}"></script>
<script th:src="@{/TFSystem/js/clndr.js}"></script>

<script th:src="@{/TFSystem/js/evnt.calendar.init.js}"></script>
<script th:src="@{/TFSystem/js/jquery.min.js}"></script>
<script th:src="@{/TFSystem/js/bootstrap.min.js}"></script>
<script th:src="@{/TFSystem/js/jquery.nicescroll.js}"></script>
<script th:src="@{/TFSystem/js/scripts.js}"></script>
<script>
    $(function(){
        $('#noticeModal').on('show.bs.modal', function (e) {
            $('#notice-box').html($(e.relatedTarget).attr('data-content'))
        });
    })
</script>
</body>
</html>
